<ul class="ul-tree">
    {% for item in data.videoOutline %}
    <li class="pointer">
        <a href="javascript:void(0)" {% if item.recInfoList.length>0 %} class="arrow-b"
            onclick="$(this).toggleClass('arrow-t').next().slideToggle()" {%endif%}>
            <span class="ove" style="max-width: 90%">{{loop.index}}、{{item.outlineName}}</span>
        </a>
        {% if item.recInfoList.length>0 %}
        <ul class="ul-tree" rel='open'>
            {% for child in item.recInfoList %}
            <li>
                <a class="link ove {{child.id}}" onclick="BASE.ONLINE_CONTENT.playOnlineRec(this)"
                   data-id="{{child.id}}" href='javascript:;'>
                    <img class="vmiddle mr10 img-play hide" src="../../../public/images/icon_playing.gif" alt="video">
                    <img class="vmiddle mr10 img-common" src="../../../public/images/video_plag_blue_s.png" alt="video">
                    ({{loop.index}})、{{child.name}}
                    {%if child.price==0 and child.gold==0%}
                    <span class="green">免费</span>
                    {%endif%}
                </a>
            </li>
            {% endfor %}
        </ul>
        {% endif %}
    </li>
    {% endfor %}
</ul>